﻿@model SecurityApi.DataAccess.Application

<h2>NEW APPLICATION</h2>



@using (Html.BeginForm())
{
    
    @Html.ValidationSummary(true)
        <table >
            <tr>
                <td>
                    <div class="editor-label">
                        @Html.LabelFor(model => model.Name)
                    </div>
                </td>

                <td>
                    <div class="editor-field">
                        @Html.TextBoxFor(model => model.Name)
                    </div>
                </td>

            </tr>


        </table>
        
        <p>
            <button name="button">Add Application</button>
        </p>
}


<style scoped="scoped">

/* 
--------------------------------
 Make a link look like nice button
-----------------------------------   
*/
.link2button 
{

display: block;
width: 90px;
height: 22px;
background: #1F1E1E;
padding-top: 8px;
padding-left:4px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
font-size:12px;
text-decoration:none;
}​

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #808080 url('table-images/botright.png') right bottom no-repeat;
}

.editor-label {
color:  black ;
font-weight: bold;
display: block;
width: 150px;
float: left;
vertical-align:central;
}

.error-label {
color:  red ;
font-weight: bold;
display: block;
width: 20px;
float: left;
vertical-align:central;
}
label:after { content: ": " }

</style>